﻿<!DOCTYPE html>
<html>
  <head>
    <title>3.3 天气播报</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/3_3_天气播报/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/3_3_天气播报/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Rectangle (矩形) -->
      <div id="u607" class="ax_default _形状" data-label="Rectangle">
        <div id="u607_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u608" class="ax_default _图片 disabled">
        <img id="u608_img" class="img " src="images/1_1_闹钟设定/u23.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u609" class="ax_default _一级标题">
        <div id="u609_div" class=""></div>
        <div id="u609_text" class="text ">
          <p><span>设置</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u610" class="ax_default line">
        <img id="u610_img" class="img " src="images/3_设置/u375.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u611" class="ax_default line">
        <img id="u611_img" class="img " src="images/3_设置/u375.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u612" class="ax_default box_2">
        <div id="u612_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u613" class="ax_default box_2">
        <div id="u613_div" class=""></div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u614" class="ax_default line">
        <img id="u614_img" class="img " src="images/3_设置/u379.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u615" class="ax_default label">
        <div id="u615_div" class=""></div>
        <div id="u615_text" class="text ">
          <p><span>铃声</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u616" class="ax_default label">
        <div id="u616_div" class=""></div>
        <div id="u616_text" class="text ">
          <p><span>默认</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u617" class="ax_default icon">
        <img id="u617_img" class="img " src="images/3_设置/u382.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u618" class="ax_default line">
        <img id="u618_img" class="img " src="images/3_设置/u379.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u619" class="ax_default label">
        <div id="u619_div" class=""></div>
        <div id="u619_text" class="text ">
          <p><span>振动</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u620" class="ax_default label">
        <div id="u620_div" class=""></div>
        <div id="u620_text" class="text ">
          <p><span>仅振动</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u621" class="ax_default icon">
        <img id="u621_img" class="img " src="images/3_设置/u382.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u622" class="ax_default line">
        <img id="u622_img" class="img " src="images/3_设置/u379.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u623" class="ax_default label">
        <div id="u623_div" class=""></div>
        <div id="u623_text" class="text ">
          <p><span>小睡</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u624" class="ax_default label">
        <div id="u624_div" class=""></div>
        <div id="u624_text" class="text ">
          <p><span>5分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u625" class="ax_default icon">
        <img id="u625_img" class="img " src="images/3_设置/u382.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u626" class="ax_default line">
        <img id="u626_img" class="img " src="images/3_设置/u379.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u627" class="ax_default label">
        <div id="u627_div" class=""></div>
        <div id="u627_text" class="text ">
          <p><span>天气播报</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u628" class="ax_default label">
        <div id="u628_div" class=""></div>
        <div id="u628_text" class="text ">
          <p><span>开</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u629" class="ax_default icon">
        <img id="u629_img" class="img " src="images/3_设置/u382.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u630" class="ax_default label">
        <div id="u630_div" class=""></div>
        <div id="u630_text" class="text ">
          <p><span>睡眠辅助</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u631" class="ax_default label">
        <div id="u631_div" class=""></div>
        <div id="u631_text" class="text ">
          <p><span>开</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u632" class="ax_default icon">
        <img id="u632_img" class="img " src="images/3_设置/u382.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u633" class="ax_default label">
        <div id="u633_div" class=""></div>
        <div id="u633_text" class="text ">
          <p><span>高级功能</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u634" class="ax_default label">
        <div id="u634_div" class=""></div>
        <div id="u634_text" class="text ">
          <p><span>睡眠报告</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u635" class="ax_default label">
        <div id="u635_div" class=""></div>
        <div id="u635_text" class="text ">
          <p><span>开</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u636" class="ax_default icon">
        <img id="u636_img" class="img " src="images/3_设置/u382.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u637" class="ax_default box_2">
        <div id="u637_div" class=""></div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u638" class="ax_default line">
        <img id="u638_img" class="img " src="images/3_设置/u379.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u639" class="ax_default label">
        <div id="u639_div" class=""></div>
        <div id="u639_text" class="text ">
          <p><span>帮助</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u640" class="ax_default line">
        <img id="u640_img" class="img " src="images/3_设置/u379.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u641" class="ax_default label">
        <div id="u641_div" class=""></div>
        <div id="u641_text" class="text ">
          <p><span>版权声明</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u642" class="ax_default label">
        <div id="u642_div" class=""></div>
        <div id="u642_text" class="text ">
          <p><span>更多</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u643" class="ax_default label">
        <div id="u643_div" class=""></div>
        <div id="u643_text" class="text ">
          <p><span>关于我们</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u644" class="ax_default icon">
        <img id="u644_img" class="img " src="images/3_设置/u382.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u645" class="ax_default icon">
        <img id="u645_img" class="img " src="images/3_设置/u382.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u646" class="ax_default icon">
        <img id="u646_img" class="img " src="images/3_设置/u382.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u647" class="ax_default" data-left="395" data-top="302" data-width="411" data-height="11">

        <!-- Unnamed (水平线) -->
        <div id="u648" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="404" CompoundMode="true">
          <img id="u648_img" class="singleImg img " src="images/1_1_闹钟设定/u112.png"/>
          <div id="u648p000" class="ax_vector_shape" WidgetTopLeftX="-0.495098039215686" WidgetTopLeftY="-0.166666666666667" WidgetTopRightX="0.495098039215686" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="-0.495098039215686" WidgetBottomLeftY="0" WidgetBottomRightX="0.495098039215686" WidgetBottomRightY="0">
            <img id="u648p000_img" class="img " src="images/3_1_振动/u464p000.png"/>
          </div>
          <div id="u648p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.5" WidgetTopRightX="101" WidgetTopRightY="-0.5" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="101" WidgetBottomRightY="0">
            <img id="u648p001_img" class="img " src="images/3_1_振动/u464p001.png"/>
          </div>
          <div id="u648p002" class="ax_vector_shape" WidgetTopLeftX="20" WidgetTopLeftY="0" WidgetTopRightX="-0.2" WidgetTopRightY="0" WidgetBottomLeftX="20" WidgetBottomLeftY="-0.05" WidgetBottomRightX="-0.2" WidgetBottomRightY="-0.05">
            <img id="u648p002_img" class="img " src="images/1_3_音乐设置/u272p002.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u649" class="ax_default _形状">
          <div id="u649_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u650" class="ax_default image">
        <img id="u650_img" class="img " src="images/1_1_闹钟设定/u114.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u651" class="ax_default _文本段落" data-label="Header 2">
        <div id="u651_div" class=""></div>
        <div id="u651_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u652" class="ax_default _形状" data-label="Rectangle">
        <div id="u652_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u653" class="ax_default _图片 disabled">
        <img id="u653_img" class="img " src="images/1_1_闹钟设定/u23.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u654" class="ax_default _一级标题">
        <div id="u654_div" class=""></div>
        <div id="u654_text" class="text ">
          <p><span>天气播报</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u655" class="ax_default line">
        <img id="u655_img" class="img " src="images/3_设置/u375.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u656" class="ax_default line">
        <img id="u656_img" class="img " src="images/3_设置/u375.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u657" class="ax_default label">
        <div id="u657_div" class=""></div>
        <div id="u657_text" class="text ">
          <p><span>天气播报</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u658" class="ax_default" data-left="818" data-top="376" data-width="306" data-height="49">

        <!-- Unnamed (矩形) -->
        <div id="u659" class="ax_default box_2">
          <div id="u659_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u660" class="ax_default label">
          <div id="u660_div" class=""></div>
          <div id="u660_text" class="text ">
            <p><span>中文</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u661" class="ax_default" data-left="818" data-top="424" data-width="306" data-height="49">

        <!-- Unnamed (矩形) -->
        <div id="u662" class="ax_default box_2">
          <div id="u662_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u663" class="ax_default label">
          <div id="u663_div" class=""></div>
          <div id="u663_text" class="text ">
            <p><span>English</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u664" class="ax_default" data-left="818" data-top="472" data-width="306" data-height="49">

        <!-- Unnamed (矩形) -->
        <div id="u665" class="ax_default box_2">
          <div id="u665_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u666" class="ax_default label">
          <div id="u666_div" class=""></div>
          <div id="u666_text" class="text ">
            <p><span>한국어</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u667" class="ax_default box_2">
        <div id="u667_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u668" class="ax_default label">
        <div id="u668_div" class=""></div>
        <div id="u668_text" class="text ">
          <p><span>Italiano</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u669" class="ax_default label">
        <div id="u669_div" class=""></div>
        <div id="u669_text" class="text ">
          <p><span>语言</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u670" class="ax_default icon">
        <img id="u670_img" class="img " src="images/3_1_振动/u482.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u671" class="ax_default" data-left="818" data-top="186" data-width="306" data-height="49">

        <!-- Unnamed (矩形) -->
        <div id="u672" class="ax_default box_2">
          <div id="u672_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u673" class="ax_default label">
          <div id="u673_div" class=""></div>
          <div id="u673_text" class="text ">
            <p><span>开启</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u674" class="ax_default" data-left="818" data-top="234" data-width="306" data-height="49">

        <!-- Unnamed (矩形) -->
        <div id="u675" class="ax_default box_2">
          <div id="u675_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u676" class="ax_default label">
          <div id="u676_div" class=""></div>
          <div id="u676_text" class="text ">
            <p><span>关闭</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u677" class="ax_default _图片">
        <img id="u677_img" class="img " src="images/1_3_音乐设置/u268.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u678" class="ax_default _图片">
        <img id="u678_img" class="img " src="images/1_3_音乐设置/u268.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u679" class="ax_default _文本段落">
        <img id="u679_img" class="img " src="images/3_3_天气播报/u679.png"/>
        <div id="u679_text" class="text ">
          <p><span><br></span></p><p><span>1. 默认天气播报功能开启。</span></p><p><span><br></span></p><p><span><br></span></p><p><span>2. 开启后将在【1.2 闹钟响起】页面，显示收音机按钮，点击按钮开始播报当天天气状况。</span></p><p><span><br></span></p><p><span><br></span></p><p><span>3.用户需允许本APP获取您的地理位置，天气播报功能才可用。本APP首次安装并打开时，将弹出对话框，请求获取用户的地理位置。</span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span>4. 用户可自行选择不同语言，天气播报时将使用用户选择的语言。</span></p><p><span><br></span></p><p><span><br></span></p><p><span>5. 点击左上角“&lt;”按钮跳转至【4.1闹钟设置】页面。</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u680" class="ax_default" data-left="1686" data-top="308" data-width="204" data-height="133">

        <!-- Unnamed (组合) -->
        <div id="u681" class="ax_default" data-left="1686" data-top="308" data-width="204" data-height="133">

          <!-- Rectangle (矩形) -->
          <div id="u682" class="ax_default _形状" data-label="Rectangle">
            <div id="u682_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u683" class="ax_default _文本段落">
            <div id="u683_div" class=""></div>
            <div id="u683_text" class="text ">
              <p><span>是否允许APP获取您的地理位置？</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u684" class="ax_default _文本段落">
            <div id="u684_div" class=""></div>
            <div id="u684_text" class="text ">
              <p><span>为您提供更准确的天气预报</span></p>
            </div>
          </div>

          <!-- paragraph (矩形) -->
          <div id="u685" class="ax_default _文本段落" data-label="paragraph">
            <div id="u685_div" class=""></div>
            <div id="u685_text" class="text ">
              <p><span>好的</span></p>
            </div>
          </div>

          <!-- paragraph (矩形) -->
          <div id="u686" class="ax_default _文本段落" data-label="paragraph">
            <div id="u686_div" class=""></div>
            <div id="u686_text" class="text ">
              <p><span>取消</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u687" class="ax_default _水平线">
          <img id="u687_img" class="img " src="images/3_3_天气播报/u687.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u688" class="ax_default _垂直线">
          <img id="u688_img" class="img " src="images/3_3_天气播报/u688.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u689" class="ax_default _一级标题">
        <div id="u689_div" class=""></div>
        <div id="u689_text" class="text ">
          <p><span>天气播报</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u690" class="ax_default" data-left="92" data-top="699" data-width="326" data-height="46">

        <!-- Unnamed (矩形) -->
        <div id="u691" class="ax_default box_3">
          <div id="u691_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u692" class="ax_default label">
          <div id="u692_div" class=""></div>
          <div id="u692_text" class="text ">
            <p><span>闹钟</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u693" class="ax_default label">
          <div id="u693_div" class=""></div>
          <div id="u693_text" class="text ">
            <p><span>天气</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u694" class="ax_default _图片">
          <img id="u694_img" class="img " src="images/1_1_闹钟设定/u143.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u695" class="ax_default label">
          <div id="u695_div" class=""></div>
          <div id="u695_text" class="text ">
            <p><span>设置</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u696" class="ax_default _图片">
          <img id="u696_img" class="img " src="images/3_设置/u421.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u697" class="ax_default _图片">
          <img id="u697_img" class="img " src="images/2_天气功能/u369.png"/>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u698" class="ax_default" data-left="808" data-top="699" data-width="326" data-height="46">

        <!-- Unnamed (矩形) -->
        <div id="u699" class="ax_default box_3">
          <div id="u699_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u700" class="ax_default label">
          <div id="u700_div" class=""></div>
          <div id="u700_text" class="text ">
            <p><span>闹钟</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u701" class="ax_default label">
          <div id="u701_div" class=""></div>
          <div id="u701_text" class="text ">
            <p><span>天气</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u702" class="ax_default _图片">
          <img id="u702_img" class="img " src="images/1_1_闹钟设定/u143.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u703" class="ax_default label">
          <div id="u703_div" class=""></div>
          <div id="u703_text" class="text ">
            <p><span>设置</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u704" class="ax_default _图片">
          <img id="u704_img" class="img " src="images/3_设置/u421.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u705" class="ax_default _图片">
          <img id="u705_img" class="img " src="images/2_天气功能/u369.png"/>
        </div>
      </div>
    </div>
  </body>
</html>
